<template>
	<view>
	  <view class="a">
	  	<view style="width: 200rpx;height:100%;padding: 10rpx;">
	  		<image style="width:100%;height:100%"src="../../static/images/fq/m.png" mode=""></image>
	  	</view>
		<view style="width: 480rpx;height:200rpx;">
			<view style="margin-top:30rpx;font-size: 35rpx;font-weight: 800;">3M三元催化清洗剂深度清洁</view>
			<view style="margin-top:30rpx">
					<u-rate :count="count" v-model="value"></u-rate><text style="margin-left:20rpx;color: #919191;font-size: 25rpx;">非常满意</text>
			</view>
		</view>
	  </view>
	  <view class="b">
	  	<textarea class="b1" placeholder="请真实的对商品进行评价,来帮助更多的消费者">
	  		
	  	</textarea>
	  </view>
	 <view class="b2">
	 	<view class="b21" >
	 	<text class="zt" >物流服务</text>
		<view class="xx"style="">
	 		<u-rate :count="count" v-model="value" style="margin-top:20rpx"></u-rate>	
	 		</view>
	 	</view>
	
		<view class="b21">
		<text class="zt">服务态度</text>
		<view class="xx">
			<u-rate :count="count" v-model="value" style="margin-top:20rpx"></u-rate>	
			</view>
		</view>
		
		<view class="b21">
		<text  class="zt">总体评分</text>
		<view class="xx" >
			<u-rate :count="count" v-model="value" style="margin-top:20rpx"></u-rate>	
			</view>
		</view>
	 </view>
	 <view class="b3">
	 	提交
	 </view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				 	count: 5,
				 				value: 5
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.a{
	width:680rpx;
	height:200rpx;
	margin:30rpx auto;
	background-color: white;
	display: flex;
	border-radius: 20rpx;
}
.b{
	width:680rpx;
	height:400rpx;
	margin:30rpx auto;
	background-color: white;
	display: flex;
	border-radius: 20rpx;
}
.b1{
	width:640rpx;
	height:380rpx;
	margin:30rpx auto;
	background-color: white;
	
	
}
.b2{
	width:680rpx;
	height:300rpx;
	margin:30rpx auto;
	background-color: white;
	
	border-radius: 20rpx;
}
.b21{
	width:600rpx;
	height:100rpx;
	display: flex;
}
.b3{
	width:680rpx;
	height:100rpx;
	margin:30rpx auto;
	background-color: orange;
	border-radius: 20rpx;
	text-align: center;
	line-height: 100rpx;
	font-size: 30rpx;
	color:white
}
.zt{
	margin-left:20rpx;
	color: #919191;
	font-size: 25rpx;
	text-align: center;
	line-height: 100rpx;
	font-size: 30rpx;
	color:black;
	font-weight: 800;
}
.xx{
	line-height: 100rpx;margin-left:20rpx
}
</style>
